<!doctype html>
<html class="no-js" lang="en">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="x-ua-compatible" content="ie=edge">
		<title>Login / Registration</title>
		<meta name="description" content="">
		<meta name="viewport" content="width=device-width, initial-scale=1">

		<link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico">
		<!-- Place favicon.ico in the root directory -->

		<!-- all css here -->
		<!-- bootstrap v3.3.6 css -->
		<link rel="stylesheet" href="/static/home/css/bootstrap.min.css">
		<!-- animate css -->
		<link rel="stylesheet" href="/static/home/css/animate.css">
		<!-- jquery-ui.min css -->
		<link rel="stylesheet" href="/static/home/css/jquery-ui.min.css">
		<!-- meanmenu css -->
		<link rel="stylesheet" href="/static/home/css/meanmenu.min.css">
		<!-- nivo-slider css -->
		<link rel="stylesheet" href="/static/home/lib/css/nivo-slider.css">
		<link rel="stylesheet" href="/static/home/lib/css/preview.css">
		<!-- slick css -->
		<link rel="stylesheet" href="/static/home/css/slick.css">
		<!-- lightbox css -->
		<link rel="stylesheet" href="/static/home/css/lightbox.min.css">
		<!-- material-design-iconic-font css -->
		<link rel="stylesheet" href="/static/home/css/material-design-iconic-font.css">
		<!-- All common css of theme -->
		<link rel="stylesheet" href="/static/home/css/default.css">
		<!-- style css -->
		<link rel="stylesheet" href="/static/home/style.css">
        <!-- shortcode css -->
        <link rel="stylesheet" href="/static/home/css/shortcode.css">
		<!-- responsive css -->
		<link rel="stylesheet" href="/static/home/css/responsive.css">
		<!-- modernizr css -->
		<script src="/static/home/js/vendor/modernizr-2.8.3.min.js"></script>
	</head>
	<body>	
		<!-- WRAPPER START -->
		<div class="wrapper bg-dark-white">

			<!-- HEADER-AREA START -->
			<header id="sticky-menu" class="header header-2">
				<div class="header-area">
					<div class="container-fluid">
						<div class="row">
							<div class="col-sm-4 col-sm-offset-4 col-xs-7">
								<div class="logo text-center">
									<a href="/"><img src="/static/home/img/logo/logo.png" alt="" /></a>
								</div>
							</div>
							<div class="col-sm-4 col-xs-5">
								<div class="mini-cart text-right">
									<ul>
										<li>
											<a class="cart-icon" href="#">
												<i class="zmdi zmdi-shopping-cart"></i>
												<span>0</span>
											</a>
											<div class="mini-cart-brief text-left">
												<div class="cart-items">
													<p class="mb-0">您还未登录，请登录</p>
												</div>
											</div>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- MAIN-MENU START -->
				<div class="menu-toggle hamburger hamburger--emphatic hidden-xs">
					<div class="hamburger-box">
						<div class="hamburger-inner"></div>
					</div>
				</div>
				<div class="main-menu  hidden-xs">
					<nav>
						<ul>
						<li><a href="/">首页</a></li>
							
							<li><a href="/shop">商品中心</a></li>
							<li><a href="/cart">购物车</a></li>
							<li><a href="/blog">看看博客</a></li>
							<li><a href="#">页面中心</a>
								<div class="sub-menu menu-scroll">
									<ul>
										<li class="menu-title">页面中心</li>
										<li><a href="/shop">商品中心</a></li>
										<li><a href="/s_product">商品详情</a></li>
										<li><a href="/cart">购物车</a></li>
										<li><a href="/wishlist">Wishlist</a></li>
										<li><a href="/checkout">Checkout</a></li>
										<li><a href="/order">Order</a></li>
										<li><a href="/login">登录/注册</a></li>
										<li><a href="/my_account">我的账户</a></li>
										<li><a href="/404">404</a></li>
										<li><a href="/blog">博客</a></li>
										<li><a href="/single_blog">博客详情</a></li>
										<li><a href="/about">关于我们</a></li>
										<li><a href="/contact">联系我们</a></li>
									</ul>
								</div>
							</li>
							<li><a href="/about">关于我们</a></li>
							<li><a href="/contact">联系我们</a></li>
							<li><a href="/login">登录/ 注册</a></li>
						</ul>
					</nav>
				</div>
				<!-- MAIN-MENU END -->
			</header>
			<!-- HEADER-AREA END -->
			<!-- Mobile-menu start -->
			<div class="mobile-menu-area">
				<div class="container-fluid">
					<div class="row">
						<div class="col-xs-12 hidden-lg hidden-md hidden-sm">
							<div class="mobile-menu">
								<nav id="dropdown">
									<ul>
										<li><a href="/">首页</a></li>
										
										<li><a href="/shop">商品中心</a></li>
										<li><a href="/cart">购物车</a></li>
										<li><a href="/blog">看看博客</a></li>
										<li><a href="#">页面中心</a>
											<ul>
												<li class="menu-title">页面中心</li>
												<li><a href="/shop">商品中心</a></li>
												<li><a href="/s_product">商品详情</a></li>
												<li><a href="/cart">购物车</a></li>
												<li><a href="/wishlist">Wishlist</a></li>
												<li><a href="/checkout">Checkout</a></li>
												<li><a href="/order">Order</a></li>
												<li><a href="/login">登录/注册</a></li>
												<li><a href="/my_account">我的账户</a></li>
												<li><a href="/404">404</a></li>
												<li><a href="/blog">博客</a></li>
												<li><a href="/single_blog">博客详情</a></li>
												<li><a href="/about">关于我们</a></li>
												<li><a href="/contact">联系我们</a></li>
											</ul>
										</li>
										<li><a href="/about">关于我们</a></li>
										<li><a href="/contact">联系我们</a></li>
										<li><a href="/login">登录/ 注册</a></li>
									</ul>
								</nav>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- Mobile-menu end -->
			<!-- HEADING-BANNER START -->
			<div class="heading-banner-area overlay-bg">
				<div class="container">
					<div class="row">
						<div class="col-md-12">
							<div class="heading-banner">
								<div class="heading-banner-title">
									<h2>登录OR注册</h2>
								</div>
								<div class="breadcumbs pb-15">
									<ul>
										<li><a href="/">首页</a></li>
										<li>登录OR注册</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- HEADING-BANNER END -->
			<!-- SHOPPING-CART-AREA START -->
			<div class="login-area  pt-80 pb-80">
				<div class="container">
					<form action="/login_check" method="post">
						<div class="row">
							<div class="col-md-6 col-sm-6 col-xs-12">
								<div class="customer-login text-left">
									<h4 class="title-1 title-border text-uppercase mb-30">新客户</h4>
									<p class="text-gray">如果您有我们的帐户，请登录！</p>
									<!-- <input type="text" placeholder="Email here..." name="email"> -->
									<input type="text" placeholder="请输入您的用户名" name="user_name">
									<input type="password" placeholder="请输入您的密码" name="user_pwd">
									<p><a href="#" class="text-gray">忘记密码?</a></p>
									<button type="submit" data-text="login" class="button-one submit-button mt-15" name="1">登录</button>
								</div>
							</div>
					</form>
					<form action="/register" method="post">
							<div class="col-md-6 col-sm-6 col-xs-12">
								<div class="customer-login text-left">
									<h4 class="title-1 title-border text-uppercase mb-30">注册客户</h4>
									<p class="text-gray">如果您未拥有我们的帐户，欢迎注册！</p>
									<input type="text" placeholder="您的用户名在这里.." name="user_name">
									<input type="text" placeholder="您的邮箱在这里.." name="user_email">
									<input type="password" placeholder="密码" name="user_pwd">
									<input type="password" placeholder="确认密码" name="user_pwd2">
									<p class="mb-0">
										<input type="checkbox" id="newsletter" name="newsletter" checked>
										<label for="newsletter"><span>注册我们的通讯!</span></label>
									</p>
									<button type="submit" data-text="regiter" class="button-one submit-button mt-15" name="2">注册</button>
								</div>
							</div>
						</div>
					</form>
				</div>
			</div>
			<!-- SHOPPING-CART-AREA END -->
			<!-- FOOTER START -->
			<footer>
				<!-- Footer-area start -->
				<div class="footer-area footer-3">
					<div class="container">
						<div class="row">
							<div class="col-lg-4 col-md-4 col-sm-5 col-xs-12">
								<div class="single-footer">
									<h3 class="footer-title  title-border">Contact Us</h3>
									<ul class="footer-contact">
										<li><span>Address :</span>28 Green Tower, Street Name,<br>New York City, USA</li>
										<li><span>Cell-Phone :</span>012345 - 123456789</li>
										<li><span>Email :</span>your-email@gmail.com</li>
									</ul>
								</div>
							</div>
							<div class="col-lg-2 col-md-2 col-sm-3 col-xs-12">
								<div class="single-footer">
									<h3 class="footer-title  title-border">accounts</h3>
									<ul class="footer-menu">
										<li><a href="my-account.html"><i class="zmdi zmdi-dot-circle"></i>My Account</a></li>
										<li><a href="wishlist.html"><i class="zmdi zmdi-dot-circle"></i>My Wishlist</a></li>
										<li><a href="cart.html"><i class="zmdi zmdi-dot-circle"></i>My Cart</a></li>
										<li><a href="/login"><i class="zmdi zmdi-dot-circle"></i>Sign In</a></li>
										<li><a href="checkout.html"><i class="zmdi zmdi-dot-circle"></i>Check out</a></li>
									</ul>
								</div>
							</div>
							<div class="col-lg-2 col-md-2 hidden-sm col-xs-12">
								<div class="single-footer">
									<h3 class="footer-title  title-border">shipping</h3>
									<ul class="footer-menu">
										<li><a href="#"><i class="zmdi zmdi-dot-circle"></i>New Products</a></li>
										<li><a href="#"><i class="zmdi zmdi-dot-circle"></i>Top Sellers</a></li>
										<li><a href="#"><i class="zmdi zmdi-dot-circle"></i>Manufactirers</a></li>
										<li><a href="#"><i class="zmdi zmdi-dot-circle"></i>Suppliers</a></li>
										<li><a href="#"><i class="zmdi zmdi-dot-circle"></i>Specials</a></li>
									</ul>
								</div>
							</div>
							<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
								<div class="single-footer">
									<h3 class="footer-title  title-border">Email Newsletters</h3>
									<div class="footer-subscribe">
										<form action="#">
											<input type="text" name="email" placeholder="Email Address..." />
											<button class="button-one submit-btn-4" type="submit" data-text="Subscribe">Subscribe</button>
										</form>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- Footer-area end -->
				<!-- Copyright-area start -->
				<div class="copyright-area copyright-2">
					<div class="container">
						<div class="row">
							<div class="col-sm-6 col-xs-12">
								<div class="copyright">
									<p class="mb-0">Copyright &copy; 2019.Company name All rights reserved.</p>
								</div>
							</div>
							<div class="col-sm-6 col-xs-12">
								<div class="payment  text-right">
									<a href="#"><img src="/static/home/img/payment/1.png" alt="" /></a>
									<a href="#"><img src="/static/home/img/payment/2.png" alt="" /></a>
									<a href="#"><img src="/static/home/img/payment/3.png" alt="" /></a>
									<a href="#"><img src="/static/home/img/payment/4.png" alt="" /></a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- Copyright-area start -->
			</footer>
			<!-- FOOTER END -->
			<!-- QUICKVIEW PRODUCT -->
			<div id="quickview-wrapper">
			   <!-- Modal -->
			   <div class="modal fade" id="productModal" tabindex="-1" role="dialog">
					<div class="modal-dialog" role="document">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
							</div>
							<div class="modal-body">
								<div class="modal-product">
									<div class="product-images">
										<div class="main-image images">
											<img alt="#" src="/static/home/img/product/quickview-photo.jpg"/>
										</div>
									</div><!-- .product-images -->

									<div class="product-info">
										<h1>Aenean eu tristique</h1>
										<div class="price-box-3">
											<hr />
											<div class="s-price-box">
												<span class="new-price">$160.00</span>
												<span class="old-price">$190.00</span>
											</div>
											<hr />
										</div>
										<a href="shop.html" class="see-all">See all features</a>
										<div class="quick-add-to-cart">
											<form method="post" class="cart">
												<div class="numbers-row">
													<input type="number" id="french-hens" value="3">
												</div>
												<button class="single_add_to_cart_button" type="submit">Add to cart</button>
											</form>
										</div>
										<div class="quick-desc">
											Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam fringilla augue nec est tristique auctor. Donec non est at libero.
										</div>
										<div class="social-sharing">
											<div class="widget widget_socialsharing_widget">
												<h3 class="widget-title-modal">Share this product</h3>
												<ul class="social-icons">
													<li><a target="_blank" title="Google +" href="#" class="gplus social-icon"><i class="zmdi zmdi-google-plus"></i></a></li>
													<li><a target="_blank" title="Twitter" href="#" class="twitter social-icon"><i class="zmdi zmdi-twitter"></i></a></li>
													<li><a target="_blank" title="Facebook" href="#" class="facebook social-icon"><i class="zmdi zmdi-facebook"></i></a></li>
													<li><a target="_blank" title="LinkedIn" href="#" class="linkedin social-icon"><i class="zmdi zmdi-linkedin"></i></a></li>
												</ul>
											</div>
										</div>
									</div><!-- .product-info -->
								</div><!-- .modal-product -->
							</div><!-- .modal-body -->
						</div><!-- .modal-content -->
					</div><!-- .modal-dialog -->
			   </div>
			   <!-- END Modal -->
			</div>
			<!-- END QUICKVIEW PRODUCT -->

		</div>
		<!-- WRAPPER END -->

		<!-- all js here -->
		<!-- jquery latest version -->
		<script src="/static/home/js/vendor/jquery-1.12.0.min.js"></script>
		<!-- bootstrap js -->
		<script src="/static/home/js/bootstrap.min.js"></script>
		<!-- jquery.meanmenu js -->
		<script src="/static/home/js/jquery.meanmenu.js"></script>
		<!-- slick.min js -->
		<script src="/static/home/js/slick.min.js"></script>
		<!-- jquery.treeview js -->
		<script src="/static/home/js/jquery.treeview.js"></script>
		<!-- lightbox.min js -->
		<script src="/static/home/js/lightbox.min.js"></script>
		<!-- jquery-ui js -->
		<script src="/static/home/js/jquery-ui.min.js"></script>
		<!-- jquery.nivo.slider js -->

		<script src="/static/home/lib/js/jquery.nivo.slider.js"></script>
		<script src="/static/home/lib/home.js"></script>
		<!-- jquery.nicescroll.min js -->
		<script src="/static/home/js/jquery.nicescroll.min.js"></script>
		<!-- countdon.min js -->
		<script src="/static/home/js/countdon.min.js"></script>
		<!-- wow js -->
		<script src="/static/home/js/wow.min.js"></script>
		<!-- plugins js -->
		<script src="/static/home/js/plugins.js"></script>
		<!-- main js -->
		<script src="/static/home/js/main.js"></script>
	</body>
</html>
